:root {
  /* 主色调 */
  --color-primary: #409eff;
  --color-primary-light-1: rgba(32, 110, 242, 0.1);
  --color-primary-light-2: rgba(32, 110, 242, 0.2);
  --color-primary-light-3: rgba(32, 110, 242, 0.3);
  --color-primary-light-4: rgba(32, 110, 242, 0.4);
  --color-primary-light-5: rgba(32, 110, 242, 0.5);
  --color-primary-light-6: rgba(32, 110, 242, 0.6);
  --color-primary-light-7: rgba(32, 110, 242, 0.7);
  --color-primary-light-8: rgba(32, 110, 242, 0.8);
  --color-primary-light-9: rgba(32, 110, 242, 0.9);

  /* 字体颜色 */
  --color-font-white: #ffffff;
  --color-font-black: #000000;
  --size-font-weight: 400;

  /* 辅助色 */

  --color-assist-1: rgba(49, 195, 227, 1);
  --color-assist-2: rgba(255, 96, 96, 1);
  --color-assist-3: rgba(0, 223, 160, 1);
  --color-assist-4: rgba(255, 218, 132, 1);
  --color-assist-5: rgba(117, 124, 255, 1);

  /* 中性色 */
  /* 标题 */
  --color-title: rgba(0, 22, 93, 1);
  /* 正文 */
  --color-text: rgba(102, 102, 102, 1);
  /* 提示 */
  --color-hint: rgba(162, 171, 199, 1);
  /* 线条-深 */
  --color-line-dark: rgba(208, 215, 232, 1);
  /* 线条-浅 */
  --color-line-light: rgba(233, 238, 255, 1);
  /* 背景色-浅 */
  --color-bg-light: rgba(245, 247, 254, 1);

  /* 功能色 */
  /* 成功 */
  --color-success: #11c86d;
  /* 警告 */
  --color-warning: #ff9247;
  /* 失败/错误 */
  --color-danger: #ff7575;
  --party-red: rgba(232, 51, 44, 1);
}
